<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html lang="zh-CN" class="ua-windows ua-webkit">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>欢迎加入我们</title>

<link rel="stylesheet" type="text/css" href="<s:url value="/css/base.css"/>"></link>
<script src="<s:url value="/js/jquery-1.4.4.min.js"/>" type="text/javascript"></script>
<script src="<s:url value="/js/formValidator/formValidator-4.1.1.js"/>" type="text/javascript" charset="UTF-8"></script>
<script src="<s:url value="/js/formValidator/formValidatorRegex.js"/>" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
	$(document)
			.ready(
					function() {
						$.formValidator.initConfig({
							formID : "zcform",
							theme : "Default",
							debug : false,
							submitOnce : true,
							onError : function(msg, obj, errorlist) {
								$("#errorlist").empty();
								$.map(errorlist, function(msg) {
									$("#errorlist").append(
											"<li>" + msg + "</li>")
								});
								alert(msg);
							},
							submitAfterAjaxPrompt : '有数据正在异步验证，请稍等...',
							onShowClass : "",
							onFocusClass : "",
							onCorrectClass : ""
						});

						$("#email")
								.formValidator({
									onShow : "请输入您的用户名(邮箱)。",
									onFocus : "邮箱6-100个字符,输入正确了才能离开焦点",
									onCorrect : "你超级棒哦！",
									defaultValue : "@"
								})
								.inputValidator({
									min : 6,
									max : 100,
									onError : "你输入的邮箱长度非法,请确认"
								})
								.regexValidator(
										{
											regExp : "^([\\w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([\\w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$",
											onError : "你输入的邮箱格式不正确"
										});

						$("#password").formValidator({
							onShow : "请输入密码",
							onCorrect : "你简直太聪明啦!"
						}).inputValidator({
							min : 6,
							empty : {
								leftEmpty : false,
								rightEmpty : false,
								emptyError : "密码两边不能有空符号"
							},
							onError : "请输入正确的密码。"
						});

					});
</script>
<style type="text/css">
</style>
</head>
<body>
	<%@include file="/top.jsp"%>
	<div id="wrapper">
		<div id="header">
			<div class="site-nav single-nav">
				<div class="site-nav-logo"></div>
			</div>
		</div>
		<div id="content">

			<h1>登录</h1>
			<span class="errorMessage">${message}</span>
			<div class="grid-16-8 clearfix">
				<div class="article">
					<form id="zcform" name="zcform" method="post"
						action="<s:url value="/account/user/login.action" />">
						<div class="item extra-tips">
							<label>邮箱</label> <input type="text" id="email" maxlength="200"
								class="basic-input" name="userinfo.email"
								value="${userinfo.email}" />
						</div>
						<div class="suggestion">
							<span id="emailTip"></span>
						</div>
						<div class="item extra-tips">
							<label>密码</label> <input type="password" id="password"
								maxlength="100" class="basic-input" name="userinfo.userpwd" />
						</div>
						<div class="suggestion">
							<span id="passwordTip"></span>
						</div>


						<div class="item-submit">
							<label>&nbsp;</label> <br /> <input type="submit"
								class="btn-submit" value="我要登录！" />
						</div>
					</form>
				</div>
				<div class="aside">

					<p class="pl">
						&gt;&nbsp;还没有账号？先注册一个吧 <a rel="nofollow"
							href="<s:url value="/account/user/reg.action" />">速速注册~^_^</a>
					</p>
				</div>
				<div class="extra"></div>
			</div>
		</div>

		<%@include file="/footer.jsp"%>

	</div>

</body>
</html>

